<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="description"
        content="Creative Agency Responsive HTML5 Template. Built with Bootstrap, HTML5, CSS3 and jQuery.">
    <meta name="keywords"
        content="HTML, CSS, JavaScript, jQuery, Animation, Bootstrap, Font Awesome, Revolution Slider, Agengy, Portfolio">
    <meta name="author" content="Orientate">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sleep Circle - 商品详情</title><!-- BEGIN:CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.css">
    <link rel="stylesheet" href="assets/css/orbito-icons.css">
    <link rel="stylesheet" href="assets/css/orientate-font.css">
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/lightslider.css">
    <link rel="stylesheet" href="assets/css/lightcase.css">
    <link rel="stylesheet" href="assets/css/settings.css">
    <link rel="stylesheet" href="assets/css/ignore_for_wp.css">
    <link rel="stylesheet" href="assets/css/preset.css">
    <link rel="stylesheet" href="assets/css/theme.css">
    <link rel="stylesheet" href="assets/css/responsive.css"><!-- END:CSS -->
    <!-- BEGIN:Favicon Icon -->
    <!-- END:Favicon Icon -->
</head>

<body>
    <!-- BEGIN:Preloader -->
    <div id="preloader">
        <div class="la-ball-scale-multiple la-2x">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div><!-- END:Preloader -->
    <!-- BEGIN:Header -->
    <header class="header02 isSticky">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="headerInner02">
                        <div class="logo2"><a href="index.html"><img src="assets/picture/logo_white.png" alt="Orbito"></a></div>
                        <a  href="javascript:void(0)" class="menu_btn02"><i class="twi-bars2"></i><span>导航</span></a>
                        <nav class="mainMenu2">
                            <ul>
                                <li><a href="index.html">主页</a></li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="service.html">睡眠学校</a></li>
                                <li><a href="portfolio.html">睡眠商城</a></li>
                                <li><a href="blog_grid_lsb.html">睡眠社区</a></li>
                            </ul>
                        </nav>
                        <a class="orbBtn01 orbBtnBorder" href="contact.html">
                            <span class="bp-shape"></span>
                            <span class="bp-shape"></span>
                            <span class="bp-shape"></span>
                            <span class="bp-shape"></span>
                            <span class="bp-text">加入我们</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- END:Header -->
    <!-- BEGIN:Page Banner Section -->
    <section class="pageBanner pbBG7" id="scene_1">
        <div class="pageBannerOverlay pboDark2"></div>
        <div class="triangleShapes layer_items" data-depth="0.9"><img src="assets/picture/21.png"
                alt="Orbito Banner Shapes"></div>
        <div class="pageBannerContainer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="pageBannerContent">
                            <div class="pageBannerContentInner">
                                <h2>商品详情</h2>
                                <div class="orbitoBredcrumbs">
                                    <a href="index.html">主页</a><i>></i>
                                    <a href="portfolio.html">睡眠商城</a><i>></i>
                                    <span>商品详情</span>
                                </div>
                            </div>
                            <div class="pageBannerShape01"><img src="assets/picture/18.png" alt="Orbito Banner Shapes">
                            </div>
                            <div class="pageBannerShape02"><img src="assets/picture/紫圆2.png" alt="Orbito Banner Shapes">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pageBannerShape03"><img src="assets/picture/20.png" alt="Orbito Banner Shapes"></div>
    </section><!-- END:Page Banner Section -->
    <!-- BEGIN:Portfolio Details Section -->
    <section class="portfolioDetailsSection">
        <div class="container">
            <!-- 图片展示区 -->
            <div class="row" style="margin-bottom:28px;">
                <div class="col-lg-8">
                    <img class="folioSliderImg" src="assets/picture/details1.jpg" alt="folioSLider">
                </div>
                <div class="col-lg-4 d-none d-lg-block">
                    <img class="folioSliderImg" src="assets/picture/details2.jpg" style="margin-bottom:26px;" alt="folioSLider">
                    <img class="folioSliderImg" src="assets/picture/details3.jpg" alt="folioSLider">
                </div>
            </div>
            <!-- 文字描述区 -->
            <div class="row">
                <div class="col-xl-7 col-md-7">
                    <div class="folioDetails">
                        <h2>产品介绍</h2>
                        <p class="mb56">
                            经典降噪耳塞，德国原装进口。</br></br>专注做耳塞114年，四代德国人用心做好1件事。</br></br>
                            安耳悠1907年诞生于德国柏林，起初用于士兵在巨大的炮火声中保护听力。创始人Maximil- ian家族四代人，110多年只专注于做耳塞产品，安耳悠耳塞在世代传承用心经营下，被打造为传世经典品牌，风靡世界，在社交媒体上屡屡被明星及网红达人分享。
                        </p>
                        <h2 class="mb27">特点介绍</h2>
                        <p class="mb55">
                            采用SKIN-FRIENDIY吸音缓释酯</br>
                            历经110余年持续改良优选，精益求精的德国安耳悠，采用Skin-Friendly吸音缓释酯作为耳塞产品的原材料。</br></br>

                            像触摸娇嫩的婴儿肌肤</br>
                            表面经特殊的结构处理，给你肌肤般的触感体验。</br></br>

                            丰富的微气孔隔音好 慢回弹时间长</br>
                            吸音缓释酯有丰富的微气孔，舒适透气，降噪效果好。</br></br>

                            挑战无感睡眠柔软舒适 不胀耳</br>
                            吸音缓释酯具有低速膨胀的缓释特性，彻夜佩戴不影响耳道浅层皮肤毛细血管微循环。</br>
                        </p>
                    </div>
                </div>
                <div class="col-xl-4 offset-xl-1  col-md-5">
                     <!-- 右侧文字描述 -->
                    <div class="folioMeta" style="margin-bottom:100px;">
                        <div class="folioSingleMeta">
                            <h4>产品名称</h4>
                            <p>安耳悠隔音耳塞10ST</p>
                        </div>
                        <div class="folioSingleMeta">
                            <h4>品牌</h4>
                            <p>Ohrfrieden/安耳悠</p>
                        </div>
                        <div class="folioSingleMeta">
                            <h4>尺码 </h4>
                            <p>M</p>
                        </div>
                        <div class="folioSingleMeta">
                            <h4>产地</h4>
                            <p>德国</p>
                        </div>
                        <div class="folioSingleMeta">
                            <h4>货号</h4>
                            <p>4003626061772</p>
                        </div>
                    </div>
                    <!-- 购买按钮 -->
                    <div class="row mx-auto">
                    <a class="orbBtn01" href="javascript:void(0)">
                        <span class="bp-shape"></span>
                        <span class="bp-shape"></span>
                        <span class="bp-shape"></span>
                        <span class="bp-shape"></span>
                        <span class="bp-text">立即购买</span>
                    </a>
                   </div>
                </div>
            </div>
            <div class="row mt94">
                <div class="col-lg-12">
                    <h2 class="relatedFolioTitle">你可能喜欢</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-4 col-md-6">
                    <div class="folioItem02"><img src="assets/picture/闹钟.jpg" alt="Orbito Portfolio"><a href=""
                            class="folioLink"><i class="orbito-new-page"></i></a>
                        <div class="folioContent2">
                            <div class="fcMeta2"><a href="portfolio_details.html" style="font-size:15px;">家居类</a></div>
                            <h3><a href="portfolio_details.html" style="font-size:30px;">白噪声助眠闹钟<br><p style="font-size:20px;">花开有时</p></a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6">
                    <div class="folioItem02"><img src="assets/picture/药3.jpg" alt="Orbito Portfolio"><a href=""
                            class="folioLink"><i class="orbito-new-page"></i></a>
                        <div class="folioContent2">
                            <div class="fcMeta2"><a href="portfolio_details.html" style="font-size:15px;">药品类</a></div>
                            <h3><a href="portfolio_details.html" style="font-size:30px;">睡眠软糖<br><p style="font-size:20px;">OLLY</p></a></h3>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-md-6">
                    <div class="folioItem02"><img src="assets/picture/眼罩.jpg" alt="Orbito Portfolio"><a href=""
                            class="folioLink"><i class="orbito-new-page"></i></a>
                        <div class="folioContent2">
                            <div class="fcMeta2"><a href="portfolio_details.html" style="font-size:15px;">穿戴类</a></div>
                            <h3><a href="portfolio_details.html" style="font-size:30px;">3D遮光睡眠眼罩<br><p style="font-size:20px;">宜家依</p></a></h3>
                        </div>
                 </div>
                </div>
             <!-- 分享 -->
            <div class="folioShare" style="margin-top:50px;">
                <h3>Share</h3><a class="fac" href="javascript:void(0);"><i
                class="fa-brands fa-facebook-f"></i></a><a class="twi" href="javascript:void(0);"><i
                class="fa-brands fa-twitter"></i></a><a class="lin" href="javascript:void(0);"><i
                class="fa-brands fa-linkedin-in"></i></a>
            </div>
        </div>
    </section><!-- END:Portfolio Details Section -->
    <!-- BEGIN:CTA Section -->
    <section class="ctaSection">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-md-9">
                    <div class="ctaLeft">
                        <h3 class="secSubTitle text-uppercase">我们欢迎每一位朋友的加入</h3>
                        <h2 class="secTitle stWhite">加入Sleep Circle</h2>
                        <p class="secDesc">好睡眠，更是好的生活方式</p>
                    </div>
                </div>
                <div class="col-lg-3  col-md-3">
                    <div class="ctaRight justify-content-end"><a class="orbBtn01 hoverBlue" href="contact.html"><span
                                class="bp-shape"></span><span class="bp-shape"></span><span
                                class="bp-shape"></span><span class="bp-shape"></span><span class="bp-text">加入我们</span></a></div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="ctaBorder"></div>
                </div>
            </div>
        </div>
    </section><!-- END:CTA Section -->
    <!-- BEGIN:Footer Section -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <aside class="widget about_widget">
                        <div class="aboutWidgetContent"><a href="index.html"><img src="assets/picture/logo_white.png"
                                    alt="Orbito"></a>
                            <p>为美好生活喝彩</p>
                            <div class="contactInfo"><span><i class="fa-solid fa-location-dot"></i>北京市朝阳区定福庄东街一号中国传媒大学</span>
                              <span><i class="fa-solid fa-phone"></i>+86 123 4567 8900</span>
                              <span><i
                                        class="fa-solid fa-envelope"></i><a
                                        href="sleepcircle@sleep.com">sleepcircle@sleep.com</a></span></div>
                        </div>
                    </aside>
                </div>
                <div class="col-lg-2 col-md-6">
                    <aside class="widget">
                        <h3 class="widgetTitle">网页内容</h3>
                        <ul>
                            <li><a href="index.html">主页</a></li>
                            <li><a href="about.html">关于我们</a></li>
                            <li><a href="service.html">睡眠学校</a></li>
                            <li><a href="portfolio.html">睡眠商城</a></li>
                            <li><a href="blog_grid_lsb.html">睡眠社区</a></li>
                        </ul>
                    </aside>
                </div>
                <div class="col-lg-3 col-md-6 pdl124">
                    <aside class="widget">
                        <h3 class="widgetTitle">友情链接</h3>
                        <ul>
                          <li><a href="http://www.zgsmyjh.org/">中国睡眠研究会</a></li>
                          <li><a href="https://www.sleemon.cn/web/science_sleep.html">喜临门睡眠研究院</a></li>
                          <li><a href="https://neybox.com/">Neybox Digital</a></li>
                          <li><a href="https://www.sleepcycle.com/">Sleep Cycle</a></li>
                          <li><a href="http://www.seblong.com/">蜗牛睡眠APP</a></li>
                        </ul>
                    </aside>
                </div>
                <div class="col-lg-3 col-md-6">
                    <aside class="widget">
                        <h3 class="widgetTitle">收件箱</h3>
                        <div class="newsletterContent">
                            <p>向我们任意发送一条观点吧</p>
                            <form method="post" action="javascript:void(0)"><input type="email" name="email"
                                    placeholder="敲入内容"><button type="submit"><i
                                        class="fa-solid fa-envelope"></i></button></form>
                        </div>
                    </aside>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="footerBorder"></div>
                </div>
            </div>
        </div>
    </footer><!-- END:Footer Section -->
    <!-- BEGIN:Copyright Section -->
    <section class="siteInfoSection">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6">
                    <div class="siteInfo">All rights By &nbsp;&nbsp;<a
                            href="index.html">sleepcircle</a>&nbsp;&nbsp;&COPY;&nbsp;&nbsp;2022 </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="siteInfo">
                        Site created By<a href="http://www.bootstrapmb.com/"> bootstrapmb</a>
                    </div>
                </div>
            </div>
        </div>
    </section><!-- END:Copyright Section -->
    <!-- BEGIN:Back To Top --><a href="javascript:void(0);" id="backtotop"><i class="fa-solid fa-arrow-up"></i></a>
    <!-- END:Back To Top -->
    <!-- BEGIN:JS -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/shuffle.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/owl.carousel.filter.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/lightcase.js"></script>
    <script src="assets/js/lightslider.min.js"></script>
    <script src="assets/js/circle-progress.js"></script>
    <script src="assets/js/mixer.js"></script>
    <script src="assets/js/parallax.js"></script>
    <script src="assets/js/gmaps.js"></script>
    <script src="assets/js/js.html"></script>
    <script src="assets/js/jquery.themepunch.tools.min.js"></script>
    <script src="assets/js/jquery.themepunch.revolution.min.js"></script>
    <script src="assets/js/revolution.extension.actions.min.js"></script>
    <script src="assets/js/revolution.extension.carousel.min.js"></script>
    <script src="assets/js/revolution.extension.kenburn.min.js"></script>
    <script src="assets/js/revolution.extension.layeranimation.min.js"></script>
    <script src="assets/js/revolution.extension.migration.min.js"></script>
    <script src="assets/js/revolution.extension.migration.min.js"></script>
    <script src="assets/js/revolution.extension.parallax.min.js"></script>
    <script src="assets/js/revolution.extension.slideanims.min.js"></script>
    <script src="assets/js/revolution.extension.video.min.js"></script>
    <script src="assets/js/theme.js"></script><!-- END:JS -->
</body>

</html>